html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

body { min-width: 1260px; position: relative; background-color: #fff; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: Arial, 'Microsoft YaHei','Hiragino Sans GB', sans-serif; }

img { border-style: none; }

ul, li { list-style: none; }

a { text-decoration: none; color: #333; }

a:hover { background-repeat: no-repeat; }

a, area { blr: expression(this.onFocus=this.blur()); }

input, button, select, textarea { outline: none; border: none; margin: 0; padding: 0; resize: none; background: none; }

table { border-collapse: collapse; border-spacing: 0; }

label { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

placeholder { color: #999; }

::-moz-placeholder { color: #999; }

::-webkit-input-placeholder { color: #999; }

button, input { overflow: visible; }

button, select { text-transform: none; }

input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

.web { width: 1180px; margin: 0 auto; position: relative; z-index: 1; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; *display: none; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: block !important; }

/* layout start*/


@charset "UTF-8";
body { min-width: 1260px; }

.index-web { max-width: 1400px; min-width: 1200px; margin: 0 auto; width: 90%; }

.commonweb { width: 1200px; margin: 0 auto; }

.commonweb1180 { width: 1180px; margin: 0 auto; }

.commonweb1060 { width: 1060px; margin: 0 auto; }

.commonweb1244 { width: 1244px; margin: 0 auto; }

.commonweb1260 { width: 1260px; margin: 0 auto; }

/*头部*/
.header-top { position: relative; }

.header-wrap { padding: 20px 0 0; }

.logo { text-align: center; display: block; }

.logo img { width: 327px; height: 56px; }

.header-link { position: absolute; right:0; top: 21px; color: #999999; }

.header-link a { color: #999999; padding: 0 7px; }

.header-link a:hover { color: #B30007; }

.header-bottom { margin-top: 22px; position: relative; z-index: 1; }

.search-box { float: left; width: 19%; position: relative; margin-top: 10px; }

.search-box .search-btn { display: block; width: 30px; height: 30px; background: url(../webimages/search.png) 0 center no-repeat; position: absolute; left: 10px; top: 0; z-index: 0; cursor: pointer; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.search-box .search-text { width: 30px; height: 30px; line-height: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; z-index: 1; padding-left: 40px; }

.search-box .search-text:focus { width: 80%; border: 1px solid #ccc; }

.header-nav { float: left;padding-left:70px; }

.header-nav li { float: left; padding: 0 39px; }

.header-nav li h4 { font-size: 16px; }

.header-nav li h4 a { display: block; line-height: 48px; color: #333333; border-bottom: 2px solid #fff; }

.header-nav li.cur h4 a, .header-nav li:hover h4 a { font-weight: bold; color: #a40000; border-bottom: 2px solid #a40000; }

.header-right { float: right; padding-top: 12px; color: #999; }

.header-right a { color: #999; display: inline-block; vertical-align: top; background-position: 0 center; background-repeat: no-repeat; padding: 0 4px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.header-right a:hover { color: #B30007; }

.header-right .shopcar { padding-left: 25px; background-image: url(../webimages/shopcar.png); margin-right: 17px; }

.header-right .shopcar i { width: 20px; height: 20px; display: inline-block; background: #a40000; font-size: 12px; color: #fff; line-height: 21px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-style: normal; text-align: center; text-indent: -2px; }

.header-right .login { padding-left: 22px; background-image: url(../webimages/login.png); }

.sub-nav { position: absolute; top: 50px; left: 0; width: 100%;/* background: url(../webimages/navbg.png) repeat; */z-index: 9; text-align: center; display: none; background:rgba(0,0,0,.8);}

.sub-nav a { display: inline-block; height: 57px; line-height: 57px; margin: 0 29px; color: #999999; border-bottom: 3px solid transparent; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.sub-nav a:hover, .sub-nav a.cur { border-color: #fff; color: #fff; }

/*banner*/
.index-banner { position: relative; overflow: hidden; }

.index-banner ul li { position: relative; }

.index-banner ul li a { display: block; }

.index-banner ul li a img { display: block; position: relative; width: 100%; }

.index-banner ul li .banner-con { position: absolute; bottom: 0; left: 0; right: 0; background: url(../webimages/navbg.png) repeat; height: 120px; text-align: center; padding: 30px 30px 60px; color: #999999; }

.banner-tit { font-size: 30px; color: #ffffff; margin-bottom: 12px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 30px; line-height: 30px; }

.banner-more { display: block; width: 100px; height: 30px; line-height: 30px; margin: 20px auto 0; color: #999; border: 1px solid #999; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; text-align: center; }

.banner-more:hover { border-color: #A40000; background: #A40000; color: #fff; }

/* ==================================================================================================================== RESETS ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover { outline: none; }

.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

.flex-pauseplay span { text-transform: capitalize; }

/* ==================================================================================================================== BASE STYLES ====================================================================================================================*/
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .flexslider .slides { display: block; }

* html .flexslider .slides { height: 1%; }

.no-js .flexslider .slides > li:first-child { display: block; }

/* ==================================================================================================================== DEFAULT THEME ====================================================================================================================*/
.flexslider { position: relative; zoom: 1; }

.flexslider .slides { zoom: 1; }

.index-banner .flex-control-nav { position: absolute; text-align: center; bottom: 30px; width: 100%; }

.index-banner .flex-control-nav li { display: inline-block; *display: inline; *zoom: 1; width: 9px; height: 9px; margin: 0 6px; font-size: 0; line-height: 0; cursor: pointer; }

.index-banner .flex-control-nav li a { display: block; height: 9px; background-image: url(../webimages/dot.png); background-position: 0 center; background-repeat: no-repeat; }

.index-banner .flex-control-nav li a.flex-active { background-position: -22px center; }

.index-banner .flex-direction-nav { max-width: 1400px; width: 100%; position: absolute; top: 50%; left: 50%; margin-top: -36px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

/*公共左右按钮*/
.flex-direction-nav li a { position: absolute; width: 37px; height: 72px; top: 50%; margin-top: -36px; font-size: 0; line-height: 0; background-image: url(../webimages/arrorbtn.png); cursor: pointer; background-repeat: no-repeat; outline: none; }

.flex-direction-nav li a.flex-prev { left: 20px; background-position: 0 center; }

.flex-direction-nav li a.flex-next { right: 20px; background-position: right center; }

.advanced-jewels { padding-top: 45px; padding-bottom: 55px; }

.m-border-line { border-bottom: 1px solid #D9D9D9; }

.m-index-title { font-size: 30px; color: #1a1a1a; text-align: center; }

.inpor-nav { text-align: center; margin: 38px 0 0; }

.inpor-nav a { display: inline-block; *display: inline; *zoom: 1; padding: 0 42px 14px; color: #333333; font-size: 16px; background: url(../webimages/line.png) right center no-repeat; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.inpor-nav a i { width: 32px; height: 2px; position: absolute; bottom: 0; left: 50%; margin-left: -16px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.inpor-nav a:hover, .inpor-nav a.cur { color: #a40000; font-weight: bold; }

.inpor-nav a:hover i, .inpor-nav a.cur i { background: #A40000; }

.index-prowrap { margin: 40px 0 0; padding-bottom: 58px; }

.pro-item { display: none; position: relative; }

.index-prolist { overflow: hidden; }

.index-prolist ul li { float: left; width: 33.3%; display: block; overflow: hidden; }

.index-prolist ul li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.index-prolist ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }

.index-prolist ul li a { display: block; color: #333; }

.index-prolist ul li a .proimg-box { display: block; position: relative; }

.index-prolist ul li a .proimg-box img { display: block; max-width: 100%; margin: 0 auto; }

.index-prolist ul li a h4 { font-size: 16px; text-align: center; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 16px; line-height: 16px; margin: 24px 0 28px; }

.index-prolist ul li a .list-bottom { text-align: center; font-size: 0; }

.index-prolist ul li a .list-bottom span, .index-prolist ul li a .list-bottom em { width: 100px; height: 36px; line-height: 36px; display: inline-block; vertical-align: top; font-size: 14px; font-style: normal; color: #fff; }

.index-prolist ul li a .list-bottom span { background: #464646; }

.index-prolist ul li a .list-bottom em { background: #333333; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.index-prolist ul li a .list-bottom em:hover { background: #A40000; }

.slide-ctrl { position: absolute; width: 30px; height: 30px; top: 50%; margin-top: -15px; font-size: 0; line-height: 0; background-image: url(../webimages/probtn.png); cursor: pointer; background-repeat: no-repeat; outline: none; }

.slide-ctrl.slide-prev { left: 0; background-position: 0 center; }

.slide-ctrl.slide-next { right: 0; background-position: right center; }

.slide-ctrl:hover { background-image: url(../webimages/probtnhover.png); }

.response-wrapper { position: relative; }

.response-wrapper ul { font-size: 0; white-space: nowrap; }

.response-wrapper ul li { display: inline-block; vertical-align: top; float: none; }

.inhistory { padding-top: 45px; padding-bottom: 45px; }

.inhistory-slider ul li { position: relative; }

.inhistory-slider ul li img { display: block; width: 100%; }

.inhistory-slider ul li .his-content { position: absolute; left: 0; right: 0; bottom: 0; background: url(../webimages/navbg2.png) repeat; text-align: center; padding: 29px 30px; color: #999999; height: 118px; z-index: 10; }

.inhistory-slider .flex-direction-nav li a { top: auto; bottom: 60px; margin-top: 0; width: 50px; height: 55px; background-image: url(../webimages/wicon01.png); }

.indexnews-wrap { padding-top: 45px; padding-bottom: 40px; overflow: hidden; }

.indexnews-wrap ul { margin: 0 -13px 30px; padding-bottom: 40px; }

.indexnews-wrap ul li { float: left; width: 33.3%; overflow: hidden; }

.indexnews-wrap ul li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.indexnews-wrap ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }

.indexnews-wrap ul li a { padding: 0 13px; color: #999; text-align: center; display: block; }

.indexnews-wrap ul li a .zoom { overflow: hidden; }

.indexnews-wrap ul li a img { display: block; width: 100%; }

.indexnews-wrap ul li a .news-tit { color: #333; font-size: 16px; margin: 31px 0 20px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 22px; line-height: 22px; }

.indexnews-wrap ul li a .news-text { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 22px; line-height: 22px; }

.indexnews-wrap ul li a:hover .news-tit { color: #a40000; }

.appoint-store { padding: 50px 0 60px; background: #F2F2F2; }

.m-apponttitle { text-align: center; font-size: 30px; color: #333333; }

.appoint-box { padding: 50px 0 43px; width: 1260px; margin: 0 auto; }

.select-item { float: left; width: 398px; margin-right: 30px; }

.select-item .sel-text { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 64px; margin-right: 15px; color: #333333; font-size: 16px; text-align: right; }

.last-nmr0 { margin-right: 0; }

.select-box { position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.select-box i { display: block; width: 14px; height: 8px; position: absolute; right: 17px; top: 15px; background: url(../webimages/wicon02.png) center center no-repeat; }

.select-box .m-input { width: 305px; height: 36px; background: #fff; line-height: 36px; padding-left: 10px; display: block; cursor: pointer; }

.select-box input { width: 100%; }

.select-box .store-list { position: absolute; top: 36px; left: 0; right: 0; background: #fff; display: none; }

.select-box .store-list a { display: block; padding: 5px 10px; }

.reservationbtn { display: block; width: 230px; height: 45px; margin: 0 auto; background: #262626; color: #ffffff; font-size: 16px; cursor: pointer; line-height: 45px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.reservationbtn:hover { background: #A40000; color: #fff; }

.ch-footer { background: #0D0D0D; }

.footer-top { padding: 30px 0 20px; }

.footer-top ul li { float: left; width: 11%; margin-right: 4%; }

.footer-top ul li h4 { font-size: 16px; color: #ffffff; padding-bottom: 14px; border-bottom: 1px solid #343434; }

.footer-top ul li .foooter-sub { padding-top: 15px; }

.footer-top ul li .foooter-sub a { display: block; color: #606060; padding-bottom: 10px; }

.footer-top ul li .foooter-sub a:hover { color: #a40000; }

.footer-top ul li.lastli { width: 21.5%; float: right; margin-right: 0; }

.foooter-code { color: #fff; padding-top: 20px; }

.foooter-code img { display: block; width: 158px; height: 158px; margin-bottom: 15px; }

.foooter-code span { display: block; }

.footer-bottom { border-top: 1px solid #262626; padding: 20px 0; color: #606060; }

.footer-bottom a { color: #606060; }

.footer-bottom a:hover { color: #a40000; }

.footer-bottom .footer-bottom-right { float: right; }

.footer-bottom .footer-bottom-left a { padding: 0 6px; }

/*萃华股票*/
.inbanner { position: relative; overflow: hidden; }

.inbanner img { display: block; width: 100%; }

.m-fs36 { font-size: 36px; line-height: 36px; text-align: center; color: #333; margin-bottom: 15px; }

.m-ptb60 { padding-top: 60px; padding-bottom: 56px; }

.stock-box { padding: 10px 0 0; }

.stock-img img { display: block; width: 754px; margin: 0 auto; }

.stock-more { text-align: center; padding-top: 35px; }

.stock-more a { color: #333; font-size: 16px; display: block; }

.stock-more a:hover { color: #a40000; }

.invest-box { padding: 0 16px; font-size: 16px; }

.singe-fs18 { font-size: 18px; color: #5a5a5a; line-height: 44px; text-align: center; }

.invest-dl { border-bottom: 1px solid #E5E5E5; margin-bottom: 20px; }

.invest-dl dt { float: left; width: 190px; background: #B30007; color: #fff; font-size: 20px; line-height: 62px; text-align: right; padding-right: 30px; }

.invest-dl dd { float: left; width: 922px; line-height: 62px; font-size: 16px; color: #414141; padding-left: 26px; background: #F4F4F4; }

.advantage { margin-bottom: 15px; }

.advantage dt { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; width: 122px; padding-right: 25px; color: #1d1d1d; font-size: 20px; text-align: right; }

.advantage dd { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; width: 976px; background: #F4F4F4; color: #797979; line-height: 30px; padding: 14px 20px; font-size: 16px; border-bottom: 1px solid #E5E5E5; }

.investor-notice { padding-top: 30px; padding-bottom: 40px; }

.investor-notice li { padding: 20px 0 20px 24px; border-bottom: 1px solid #F4F4F4; font-size: 18px; background: url(../webimages/wimg06.jpg) 0 center no-repeat; }

.investor-notice li a { color: #5a5a5a; display: block; padding-right: 100px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; }

.investor-notice li a:hover { color: #a40000; }

.investor-notice li .invest-date { display: block; float: right; color: #b9b9b9; font-size: 16px; }

.page { font-size: 0; text-align: center; }

.page a { display: inline-block; width: 33px; height: 33px; line-height: 33px; color: #C1C1C1; font-size: 14px; }

.page a.cur { background: #A40000; color: #fff; }

.three-nav { background: #E9E9E9; font-size: 0; }

.three-nav a { display: inline-block; width: 184px; height: 58px; color: #212121; font-size: 16px; line-height: 58px; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.three-nav a.cur, .three-nav a:hover { background: #B91417; color: #fff; }

.group-profile { background: url(../webimages/wimg08.jpg) 0 0 no-repeat; padding: 60px 0 100px; color: #333333; font-size: 16px; line-height: 30px; overflow: hidden; }

.group-profile img { max-width: 100%; }

.group-title { color: #333; font-size: 36px; line-height: 36px; text-align: center; margin: 0; padding-bottom: 24px; position: relative; margin-bottom: 30px; font-weight: bold; }

.group-title i { width: 44px; height: 2px; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -22px; background: #B91417; }

.chstore { margin-bottom: 60px; }

.brand-title { font-size: 24px; color: #333; border-left: 4px solid #A40000; padding-left: 10px; line-height: 24px; margin-bottom: 30px; }

.gold-store-bottom { padding-top: 45px; }

.chcontact-list li { float: left; width: 33.33%; background: #F2F2F2; text-align: center; height: 277px; }

.chcontact-list li .borderright { padding: 38px 20px 35px; border-right: 8px solid #fff; }

.chcontact-list li .borderright .gold-code img { width: 150px; height: 150px; }

.chcontact-list li .borderright .fsbold { padding-top: 14px; font-weight: bold; }

.chcontact-list li .borderright .gold-icon { padding-bottom: 5px; }

.chcontact-list li .borderright .gold-icon img { width: 116px; }

.chcontact-list li .borderright .telred { color: #a40000; font-weight: bold; }

.m-mb38 { margin-bottom: 38px; }

.Legend-list { overflow: hidden; padding-top: 48px; }

.Legend-list ul { margin: 0 -24px; }

.Legend-list ul li { float: left; width: 50%; padding: 0 0 48px; }

.Legend-list ul li .legimg { height: 218px; display: block; }

.Legend-list ul li .Legend-con { position: relative; margin: 0 24px; }

.Legend-list ul li .Legend-con dl { position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: #ffffff; padding-top: 56px; }

.Legend-list ul li .Legend-con dl dt { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 180px; text-align: center; }

.Legend-list ul li .Legend-con dl dd { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; border-left: 1px solid #FFFFFF; padding-left: 40px; line-height: 22px; }

.Legend-list ul li .Legend-con dl dd h4 { font-size: 24px; font-weight: bold; margin-bottom: 5px; }

.Legend-list ul li .Legend-con dl dd .rext { font-size: 16px; padding-top: 10px; }

.m-pb0 { padding-bottom: 0; }

.corporate-culture { background: url(../webimages/wimg18.jpg) center bottom no-repeat; padding: 42px 0 64px; color: #333; font-size: 16px; line-height: 30px; }

.culture-list li { padding: 35px 0 24px; border-bottom: 1px solid #CCCCCC; }

.culture-left { float: left; width: 320px; padding-left: 56px; }

.culture-left .culture-icon { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 60px; }

.culture-left .culture-icon img { vertical-align: middle; }

.culture-left .culture-con { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding-left: 30px; }

.culture-left .culture-con h4 { font-size: 24px; font-weight: bold; margin-bottom: 5px; }

.culture-left .culture-con .entext { text-transform: uppercase; }

.culture-right { float: left; width: 620px; padding-left: 64px; }

.pb10 { padding-bottom: 10px; }

.pr30 { padding-right: 30px; display: inline-block; }

.positionleft { padding-left: 96px; position: relative; }

.positionleft strong { position: absolute; left: 0; top: 0; }

/*集团大事件*/
.group-event { padding-top: 55px; padding-bottom: 60px; }

.course-List { width: 780px; margin: 40px auto 0; color: #3d3d3d; font-size: 12px; }

.course-List ul li .course-img img { display: block; max-width: 100%; }

.course-List ul li .course-tit { position: relative; text-align: center; font-size: 26px; font-weight: bold; margin: 50px 0 25px; }

.course-List ul li .course-tit i { display: block; position: absolute; width: 540px; border-top: 1px solid #DCDCDC; top: 15px; left: 50%; margin-left: -270px; z-index: 1; }

.course-List ul li .course-tit span { display: inline-block; background: #fff; vertical-align: middle; position: relative; z-index: 2; padding: 0 24px; }

.year-slider { width: 900px; margin: 0 auto; position: relative; overflow: hidden; }

.year-slider .line { display: block; height: 1px; width: 773px; background: #000000; position: absolute; left: 64px; top: 30px; z-index: -1; }

.year-slider ul { width: 999999px; }

.year-slider ul li { float: left; width: 150px; padding-top: 60px; font-size: 20px; color: #1a1a1a; text-align: center; background-image: url(../webimages/wicon12.png); background-position: center 18px; background-repeat: no-repeat; font-weight: bold; }

.year-slider ul li.cur { background-image: url(../webimages/wicon13.png); }

.course-time { position: relative; width: 1130px; margin: 30px auto 0; overflow: hidden; }

.course-time .year-btn { position: absolute; top: 20px; width: 30px; height: 30px; display: block; background-image: url(../webimages/wicon15.png); }

.course-time .year-btn:hover { background-image: url(../webimages/wicon16.png); }

.course-time .year-left { left: 0; background-position: 0 center; }

.course-time .year-right { right: 0; background-position: right center; }

/*保养须知*/
.instructions { padding-top: 60px; }

.service-centre { padding-top: 50px; padding-bottom: 85px; color: #1a1a1a; }

.pb50 { padding-bottom: 50px; }

.inst-list li { margin-bottom: 100px; }

.inst-list li .serimg { float: left; width: 360px; height: 210px; overflow: hidden; margin-right: 38px; }

.inst-list li .serimg img { display: block; width: 100%; }

.inst-list li .service-title { float: left; width: 126px; height: 210px; background-color: #b80b12; border: solid 1px #eeeeee; color: #fff; text-align: center; margin-right: 38px; font-size: 0; }

.inst-list li .service-title p { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 26px; line-height: 36px; }

.inst-list li .inst-con { float: left; width: 538px; height: 210px; background: #F0F0F0; padding: 0 70px; font-size: 0; }

.inst-list li .inst-con .inst-bermiddle { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 14px; line-height: 36px; }

.parheight { display: inline-block; *display: inline; *zoom: 1; width: 0; height: 100%; vertical-align: middle; }

/*尺寸指南*/
.size-guide { color: #414141; padding-top: 70px; padding-bottom: 75px; }

.size-guide img { max-width: 100%; }

.size-guide .size-title { font-size: 36px; padding-bottom: 30px; border-bottom: 1px solid #F4F4F4; line-height: 36px; text-align: center; color: #333333; margin-bottom: 38px; }

.m-waytitle { background: url(../webimages/wimg26.jpg) 0 -3px no-repeat; padding-left: 34px; font-size: 22px; color: #2f2f2f; margin-bottom: 30px; }

.size-web { max-width: 1290px; padding: 0 38px 50px; margin: 0 auto; font-size: 16px; }

.methoddl { width: 870px; }

.methodsize { font-size: 16px; line-height: 28px; color: #2f2f2f; float: left; width: 40%; margin-right: 5%; }

.metfs24 { font-size: 24px; margin-bottom: 25px; }

.sizetwo-bg { padding-top: 50px; background: #FCFCFC; }

.imgfloat { padding-bottom: 40px; }

.imgfloat .img1 { float: left; width: 40%; padding-right: 80px; }

.imgfloat .img2 { overflow: hidden; }

.methodul li { float: left; width: 218px; margin-right: 95px; font-size: 16px; }

.methodul li img { margin-bottom: 25px; width: 216px; height: 137px; }

.pt38 { padding-top: 38px; padding-bottom: 0; }

.measure-one { float: left; width: 240px; line-height: 30px; }

.measure-two { float: left; width: 508px; }

.measure-three { margin-left: 50px; float: left; overflow: hidden; padding-top: 85px; line-height: 30px; }

.hotline { position: relative; }

.hotline .hotimg { width: 1180px; }

.hotline .hot-numcon { position: absolute; right: 70px; top: 118px; color: #fff; font-size: 14px; }

.hotline .hot-numcon .telnum { font-size: 36px; font-weight: bold; line-height: 36px; margin: 13px 0; }

.fs16 { font-size: 16px; }

.color999 { color: #999; }

.after-salebg { padding-top: 90px; padding-bottom: 100px; background: url(../webimages/wimg36.jpg) center 0 no-repeat; line-height: 30px; }

.after-salebg img { max-width: 100%; }

.after-saleul { font-size: 0; width: 108%; }

.after-saleul li { display: inline-block; vertical-align: top; width: 42%; padding-right: 8%; padding-bottom: 70px; font-size: 14px; overflow: hidden; color: #484848; }

.after-saleul li .sale-icon { width: 60px; float: left; text-align: center; padding-top: 20px; margin-right: 60px; }

.after-saleul li .after-sacon { overflow: hidden; line-height: 30px; }

.after-saleul li .after-sacon h4 { font-size: 18px; color: #333333; margin-bottom: 10px; }

.tip { font-size: 18px; margin-bottom: 30px; }

.m-mb55 { margin-bottom: 55px; }

/*高级定制*/
.vip-customization { background: url(../webimages/wimg38.jpg) 0 center no-repeat; padding-top: 95px; padding-bottom: 138px; }

.vip-title { padding-top: 105px; width: 985px; margin: 0 auto; background: url(../webimages/wicon26.png) 80% 0 no-repeat; position: relative; line-height: 40px; text-align: center; font-size: 16px; color: #2b2b2b; }

.vip-title h3 { font-size: 55px; color: #333; text-align: center; line-height: 55px; margin-bottom: 20px; }

.vip-title .frame { display: block; position: absolute; width: 277px; height: 113px; display: block; left: 0; top: 130px; background-position: 0 0; background-repeat: no-repeat; }

.vip-title .frameleft { background-image: url(../webimages/wicon27.png); }

.vip-title .frameright { left: auto; right: 0; background-image: url(../webimages/wicon28.png); }

.fsitalic { font-style: italic; }

.viplist { padding-top: 105px; }

.viplist ul { font-size: 0; text-align: center; }

.viplist ul li { display: inline-block; *display: inline; *zoom: 1; width: 29.5%; padding: 0 1%; text-align: center; vertical-align: top; }

.viplist ul li img { display: block; width: 100%; }

.viplist ul li .viplistcon { background: #F2F2F2; height: 155px; }

.viplist ul li .viplistcon h4 { padding-top: 24px; font-size: 18px; }

.custom-made { width: 150px; height: 48px; display: block; margin: 24px auto 0; background: #B30007; color: #fff; font-weight: bold; font-size: 18px; text-align: center; line-height: 48px; }

.crumbs { text-align: center; }

.crumbs a { color: #888888; }

.crumbs a:hover { color: #A40000; }

.vip-deatils { padding: 60px 0 124px; }

.vip-deatils img { max-width: 100%; }

.prl44 { padding-left: 44px; padding-right: 44px; }

.vip-deatils-top { padding-top: 60px; }

.reservation-left { float: left; width: 306px; padding: 44px 31px 34px 28px; background: #EDEDED; color: #565656; line-height: 22px; }

.reservation-left .resertitle { font-size: 26px; margin-bottom: 20px; color: #333; }

.reservation-from { padding-top: 18px; }

.reservation-from ul li { margin-bottom: 15px; }

.reservation-from ul li .reser-text, .reservation-from ul li textarea { display: block; width: 280px; height: 36px; line-height: 36px; background-color: #ffffff; border: solid 1px #dfdfdf; padding-left: 14px; color: #9a9a9a; }

.reservation-from ul li textarea { width: 266px; height: 55px; padding: 14px; }

.reselect-box { position: relative; cursor: pointer; }

.reselect-box i { width: 38px; height: 38px; display: block; position: absolute; right: 14px; top: 0; background-image: url(../webimages/wicon29.png); background-position: center 12px; background-repeat: no-repeat; cursor: pointer; }

.reselect-box:hover i { background-position: center -34px; }

.reselect-sub { position: absolute; width: 94px; top: 26px; right: 25px; background: url(../webimages/selectbg.png) repeat; z-index: 10; display: none; }

.reselect-sub a { display: block; color: #ffffff; text-align: center; height: 20px; line-height: 20px; font-size: 12px; }

.reselect-sub a:hover { background: #AC1E23; }

.reserbtn { margin-top: 36px; width: 204px; height: 34px; background: #A40000; color: #fff; text-align: center; line-height: 34px; display: block; font-size: 12px; cursor: pointer; }

.reservation-right { overflow: hidden; padding-left: 12px; }

.vipeditor { position: relative; margin-bottom: 12px; }

.vipeditor img { display: block; height: 306px; max-width: none; }

.vipeditor-dec { position: absolute; bottom: 0; left: 0; right: 0; background: url(../webimages/wicon30.png) repeat; text-align: center; font-size: 16px; color: #989898; padding: 13px 30px; line-height: 30px; }

.vipimg { margin: 0 -0.6%; *margin: 0 -0.5%; }

.vipimg p { float: left; width: 48.8%; padding: 0 0.6%; line-height: 0; overflow: hidden; *padding: 0 0.5%; }

.vipimg p img { height: 231px; max-width: none; }

/*程氏工艺*/
.m-single-page { padding-top: 45px; padding-bottom: 94px; color: #333333; line-height: 30px; font-size: 16px; overflow: hidden; }

.company-contact { padding-top: 45px; }

.contact-list { padding-top: 48px; }

.contact-list li { padding-bottom: 40px; border-bottom: 1px solid #F4F4F4; margin-bottom: 40px; }

.contact-list li .contact-left { float: left; width: 50%; background: #F4F4F4; }

.contact-list li .contact-left .add-list { padding: 56px 76px 0; }

.contact-list li .contact-right { float: left; width: 50%; }

.contact-list li .contact-right .cotact-map { height: 467px; width: 100%; }

.m-addwrap { padding-left: 96px; background-repeat: no-repeat; background-position: 0 center; margin-bottom: 47px; font-size: 16px; min-height: 56px; }

.m-addwrap.address-icon { background-image: url(../webimages/wicon31.png); }

.m-addwrap.tel-icon { background-image: url(../webimages/wicon32.png); }

.m-addwrap.aftersale-icon { background-image: url(../webimages/wicon33.png); }

.m-addwrap.email-icon { background-image: url(../webimages/wicon34.png); }

.m-addwrap .address-text { color: #666; margin-bottom: 8px; }

.fs18 { font-size: 18px; }

.hottel { position: absolute; left: 0; top: 34px; }

.pl90 { padding-left: 90px; }

.m-productlist ul li img { display: block; width: 100%; }

.panoramabg { background: url(../webimages/wimg63.jpg) center 0 no-repeat; padding-top: 84px; padding-bottom: 74px; }

.panoram-img { max-width: 1526px; width: 90%; margin: 0 auto; }

.panoram-img a { display: block; overflow: hidden; }

.panoram-img a img { width: 100%; display: block; overflow: hidden; -webkit-transition: all ease-in 3s; -o-transition: all ease-in 3s; -moz-transition: all ease-in 3s; transition: all ease-in 3s; }

.panoram-img a:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }

/*品牌动向*/
.newslist { padding-top: 82px; padding-bottom: 50px; width: 1100px; margin: 0 auto; }

.newslist ul li { border-bottom: 1px solid #DBDBDB; overflow: hidden; margin-bottom: 45px; }

.newslist ul li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.newslist ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }

.newslist ul li a { display: block; color: #999999; }

.newslist ul li .zoom { overflow: hidden; }

.newslist ul li img { display: block; width: 1100px; height: 401px; }

.news-content { padding: 30px 0 30px 242px; position: relative; }

.news-content .newsdate { position: absolute; left: 0; top: 30px; color: #999999; }

.news-content .newsdate strong { font-size: 36px; font-weight: bold; line-height: 36px; display: block; margin-bottom: 15px; }

.news-content .newsdate em { font-size: 14px; font-style: normal; }

.news-content h4 { font-size: 18px; color: #333; margin-bottom: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; }

.news-content .news-dec { display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.newsdeatils { padding-top: 60px; padding-bottom: 65px; }

.newstop-title { padding-bottom: 36px; border-bottom: 1px solid #D9D9D9; margin-bottom: 40px; }

.newstop-title h3 { line-height: 36px; color: #333333; line-height: 40px; font-size: 36px; margin-bottom: 1px; }

.newstop-title .decdate { font-size: 16px; color: #999999; }

.news-middlecon { padding-bottom: 80px; color: #999999; font-size: 16px; line-height: 30px; border-bottom: 1px solid #D9D9D9; }

.news-bottom { position: relative; }

.news-bottom .returnbtn { float: right; padding-top: 42px; }

.news-bottom .returnbtn a { width: 144px; height: 50px; line-height: 50px; color: #fff; text-align: center; display: block; background: #A40000; font-size: 16px; }

.articledl { padding-top: 40px; font-size: 16px; color: #666666; }

.articledl dd { margin-bottom: 18px; }

.articledl dd a { display: inline-block; color: #666666; }

.articledl dd a:hover { color: #a40000; }

/*品牌网点-萃华金店*/
.site-search { padding-top: 35px; }

.site-search-box { background: #B30007; }



/*20180920 wangqi*/
/*.ch-footer{ position: absolute; bottom: 0;left: 0; right: 0;z-index:99;}*/
.foooter-code img{margin-left: 0;}


/*.header-wrap{position: absolute;top:0;left:0;right:0;z-index:99;background:#fff;}*/

.footer-top ul li:nth-child(1),
.footer-top ul li:nth-child(2)
{display: none;}